<script>
export default {
  name: 'feePay',
  data() {
    return {
      payInfo: {}
    }
  },
  methods: {
    findPayInfo(row) {
      this.payInfo = row
    },
    formatterPaymentMethod(paymentMethod) {
      const MAP = { 1: '微信', 2: '支付宝', 3: '现金' }
      return MAP[paymentMethod] || '--'
    }
  }
}
</script>

<template>
  <div class="feePay">
    <ul>
      <li><span>租户名称：</span> {{payInfo.enterpriseName}}</li>
      <li><span>租赁楼宇：</span> {{payInfo.buildingName}}</li>
      <li><span>缴费周期： </span>{{payInfo.startTime}}至{{payInfo.endTime}}</li>
      <li><span>物业费(元/m²)：</span> {{payInfo.propertyFeePrice}}</li>
      <li><span>账单金额(元)：</span> {{payInfo.paymentAmount}}</li>
      <li><span>支付方式：</span> {{ formatterPaymentMethod(payInfo.paymentMethod)}}</li>
      <li><span>缴费时间：</span> {{payInfo.createTime}}</li>
    </ul>
  </div>
</template>

<style scoped lang="scss">

.feePay {
  ul {
    list-style: none;

    li {
      line-height: 30px;
      font-size: 14px;
      font-weight: 500;

      span {
        color: #909399;
      }
    }
  }
}
</style>
